<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>登录</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div id="wrap">
        <header>
            <div class="headBox">
                <a class="headBtn" href=""><i class="iconfont">&#xe605;</i></a>
                <a class="reg" href="">注册</a>
            </div>
        </header>
        <section>
            <h2>登录</h2>
            <p>欢迎来到水加乐</p>
            <div class="phoneWrap">
                <div>
                    <input type="text" placeholder="请输入手机号码">
                </div>
                <div>
                    <input type="password" placeholder="请输入密码">
                    <i class="iconfont">&#xe669;</i>
                </div>
            </div>
            <a href="" class="login">立即登录</a>
            <div class="wechatLogin">
                <a href="" class="wechat"><i class="iconfont">&#xe631;</i></a>
                <p>微信登录</p>
            </div>
        </section>
    </div>
</body>
</html>